<div class="heading" style="background:#fff">
  <!-- <div class="icon">
        <i nz-icon type="environment" theme="outline" class=" wow infinite bounce fontSize"></i>
    </div> -->
  <div class="heading-title fontSize wow fadeInUp">⼯作室开展方向
    <div class="line-box">
      <div class="line"></div>
    </div>
  </div>
</div>

<div style="background:#fff; padding:30px;" class="div-padding">
  <div class="container">
    <div nz-row [nzGutter]="5" class="del-margin">
      <!-- wow zoomIn -->
      <div nz-col [nzSpan]="nzSpan" *ngFor="let item of list" style="position:relative" class="">
        <!-- <div class="add-margin" >
          <div class="hvr-bounce-to-bottom">
            <img [src]=" 'assets/images/' + item.img" alt="" class="img">
            <div style="position:absolute; bottom:10px;min-width: 100%;display: flex;justify-content: space-around">
              <div>
                <span class="title">{{item.title}}</span>
              </div>
            </div>
          </div>
        </div> -->
        <div class="faculty_grid" data-wow-duration="1200ms" data-wow-delay="500ms" class="add-margin">
          <figure class="team_member">
            <img [src]=" 'assets/images/' + item.img" class="img-responsive wp-post-image" alt="">
            <div></div>
            <figcaption>
              <div style="width:100%">
                <span class="person-title">{{item.title}}</span>
              </div>
              <!-- <span class="person-deg">Red Wine</span> -->
              <span>{{item.content}}</span>
              <a [routerLink]="item.url">
                <i nz-icon type="double-right" Theme="outline" class="wow infinite shake"
                  style="margin-right:10px;"></i>详情
              </a>
            </figcaption>
          </figure>
        </div>

      </div>
    </div>
  </div>
</div>